<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{if isset($data_seo.seo_title)}{$data_seo.seo_title}{/if}</title>
    <meta charset="UTF-8" name="keywords" content="{if isset($data_seo.seo_keywords)}{$data_seo.seo_keywords}{/if}">
    <meta charst="UTF-8" name="description" content="{if isset($data_seo.seo_description)}{$data_seo.seo_description}{/if}">
    <link rel="stylesheet" type="text/css" href="/static/wap2/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/wap2/css/swiper-4.2.2.min.css">
    <link rel="stylesheet" type="text/css" href="/static/wap2/css/alert.css">
    <style type="text/css">
        @font-face {
            font-family: "YourFont";
            src: url(/static/wap2/img/DINMittelschrift.otf);
        }
        @font-face {
            font-family: "YourFont1";
            src: url(/static/wap2/img/343DD8_0_0.woff2.ttf);
        }
        @font-face {
            font-family: "YourFont2";
            src: url(/static/wap2/img/DINMittelschrift-Alternate.otf);
        }
        .customfont {
            font-family: "YourFont", Helvetica, Arial;
        }
        .customfont1{
            font-family: "YourFont1", Helvetica, Arial;
        }
        .customfont2{
            font-family: "YourFont2", Helvetica, Arial;
        }
        .swiper-pagination-bullet{background: #FFFFFF;}
        .a1{display: flex;flex-wrap: wrap;justify-content: space-between}
        .wjjd-1{width: 100%;height: 165px;position: relative;}
        .wjjd-1 img{width: 310px;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto ;}

    </style>
    <script>
        function resize() {
            var htmlEle = document.documentElement;

            var htmlWidth = window.innerWidth;
            htmlEle.style.fontSize = 20 / 640 * htmlWidth + 'px';
        } resize();


    </script>
</head>
<body>
    {include file="public/header"}
    <div class="header">
        <div class="wrapper wrapper01" id="retr">
            <div class="nav-1 scroller">
                <ul class="clearfix">
                    <li><a href="/wap.php/index/index.html">首页</a></li>
                    <li ><a href="/wap.php/zphome">样片</a></li>
                    <li><a href="/wap.php/kephome">客片</a></li>
                    <li><a href="javascript:void(0)">报价</a></li>
                    <li ><a href="/wap.php/zxhome">最新</a></li>
                    <li class="bxz" style="float:right"><a href="/wap.php/brand">品牌</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="main-4">

        <div class="main-4-1" style="margin-top:20px">
            {volist name="data_style" id="v"}
            <a href="/wap.php/brand?id={$v.class_id}"><div class="main-4-1-1  {if $Think.session.style_id eq $v.class_id}danq{/if}">{$v.name}</div></a>
            {/volist}
            <a href="/wap.php/brand/details?id=1"><div class="main-4-1-1 ">基地</div></a>
            <a href="/wap.php/brand/details?id=2"><div class="main-4-1-1 ">视频</div></a>
        </div>
        <div class="main-4-nr">


            {$data_zp.content}


        </div>
    </div>

    {include file="public/foot"}


    <script>
        var bswiper = new Swiper('.banner', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            spaceBetween: 0,
            autoplay :3000,
            loop:true,
        });
        var bswiper1 = new Swiper('.main-3-banner', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            spaceBetween: 0,
            autoplay :3000,
            loop:true,
        });


    </script>
    <script type="text/javascript">
        var options = {
            useEasing : true,
            useGrouping : true,
            separator : ',',
            decimal : '.',
            prefix : '',
            suffix : ''
        };
        var demo = new CountUp("myTargetElement", 0, 5906851, 0, 2.5, options);
        $(window).scroll(function(){
            if($(window).scrollTop()>=900){
                demo.start();
            }
        })
    </script>
</html>